<!DOCTYPE html>
<html lang="en">

    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <script type="text/javascript" src="/js/jquery-3.3.1.min.js"></script>

        <link rel="stylesheet" href="css/login.css">
    </head>

    <div class="head">石家庄学院</div>

    <body>
        <form action="">
            <div class="login">
                <div class="container">
                    <img src="/img/account.png" alt="用户名"><input type="text" name="user" id="user" class="input1 " va
                        placeholder="请输入用户名">
                </div>
                <div class="container1">
                    <img src="/img/password.png" alt=""><input type="password" password="password" id="password" 
                        class="input1 " placeholder="请输入密码">
                </div>
                <div class="container2">
                    <td><input type="checkbox" class="in"></td>
                    <td><label for="mima" name="true" class="in" style="color: #00f4ff;">记住密码</label></td>
                </div>
                <input type="button" class="btn" id="login" value="登录"></input>
            </div>
        </form>
        <script>
            var btn = document.getElementById("login");
            btn.onclick = function () {
                
                var name = $('#user').val();
                var password = $('#password').val();
                
                if (name == 'user' && password == '666') {

                    location.assign("http://127.0.0.1:5500/index.html");
                } else {
                    alert('账号或者密码错误');
                }
            }
        </script>
    </body>


</html>